<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Allert information</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key={{ API_KEY }}"
            type="text/javascript"></script>
    <script type="text/javascript">

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng({{ lat }}, {{ lon }}), 13);
      }
    }

    </script>
  </head>
  <body onload="initialize()" onunload="GUnload()">
    <table>
      <tr>
        <td><div align="center" id="home"><a href="/">HOME</a></div></td>
      </tr>
      <tr>
        <td>
          <div id="allert_data">
            <p>Sender: {{ allert.sender }}</p>
            <p>Contact: {{ allert.contact }}</p>
            <p>Description: {{ allert.description|escape }}</p>
            <p>Category: {{ allert.category }}</p>
            <p>Special Care: {{ allert.specialcare }}</p>
            <p>Date: {{ allert.date|date:"r"  }}</p>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div id="pic_canvas" style="width: 250px; height: 200px">
            <a href="/pic_view?k={{ allert.key }}" class="pic_url">
              <img src="/pic?k={{ allert.key }}" border="0" width="250px" height="200px">
            </a>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div id="map_canvas" style="width: 250px; height: 250px"></div>
        </td>
      </tr>
      <tr>
        <td><div align="center" id="home"><a href="/">HOME</a></div></td>
      </tr>
      <tr>
        <td><div align="center" id="source"><a href="http://code.google.com/p/eallert">Google Code</a></div></td>
      </tr>
    </table>
  </body>
</html>
